@import "~sassline/assets/sass/sassline-base/_variables.scss";
@import "~sassline/assets/sass/sassline-base/_mixins.scss";

.ds--board {
  margin-left: -(map-get($gutterwidths, medium));
  margin-right: -(map-get($gutterwidths, medium));
  padding: map-get($gutterwidths, medium);

  >* {
    >.ds--columns {
      margin: 0;
    }
    >.ds--columns>.ds--column {
      box-shadow: 2px 1px 2px #00000026;
      border-radius: 3px;
    }
    >.ds--chart {
      box-shadow: 2px 1px 2px #00000026;
      border-radius: 3px;
    }
  }

  /* Hero pattern
  http://www.heropatterns.com/ */
  box-shadow: inset 0 0 10px #00000042;
  background-color: #dfeaeb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%2379a9a3' fill-opacity='0.1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
